﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="SystemUsers.aspx.cs" Inherits="HousePropertyClient.Admin.SystemUsers" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>用户管理</title>

    <link href="../../Easy-ui/yemina/css/style.css" rel="stylesheet" />
    <script src="../../Easy-ui/yemina/js/jquery.js"></script>

<script type="text/javascript">
$(document).ready(function(){
    //修改提示
    $(".click").click(function () {
  $(".tip").fadeIn(200);
  });
    //添加弹出框
    $(".click1").click(function () {
        $(".tipp").fadeIn(200);
    });
  $(".tiptop a").click(function(){
  $(".tip").fadeOut(200);
});

  $(".sure").click(function(){
  $(".tip").fadeOut(100);
});

  $(".cancel").click(function(){
      $(".tip").fadeOut(100);
      $(".tipp").fadeOut(100);
});
});
</script>
</head>
<body>

	<div class="place">
    <span>位置：</span>
    <ul class="placeul">
    <li><a href="#">首页</a></li>
    <li><a href="#"> >> </a></li>
    <li><a href="#">用户管理</a></li>
    </ul>
    </div>
    
    <div class="rightinfo">
    
    <div class="tools">
    	<ul class="toolbar">
           <li class="click1">
               <span><img src="../../Easy-ui/yemina/images/t01.png" /></span>添加员工
           </li>
           <li>
               <input name="" type="text" class="dfinput" placeholder="请输入员工名称查询" />
           </li>
            <li class="click">
               <span><img src="../../Easy-ui/yemina/images/ico06.png" style="width:30px;height:25px;" /></span>查询
            </li>
        </ul>   
    </div>

    <%--显示数据页面--%>
    <table class="tablelist">
    	<thead>
    	    <tr>
            <th>编号<i class="sort"><img src="../../Easy-ui/yemina/images/px.gif" /></i></th>
            <th>员工姓名</th>
            <th>员工账号</th>
            <th>联系电话</th>
            <th>入职时间</th>
            <th>是否启用</th>
            <th>操作</th>
            </tr>
        </thead>
     <tbody>
        <tr>
            <td>1</td>
            <td>系统管理员</td>
            <td>admin</td>
            <td>1*********</td>
            <td>2017-08-09</td>
            <td>已启用</td>
            <td>
                <a href="#" ">编辑</a>     
                <a href="#" class="tablelink">删除</a>
            </td>
           
        </tr> 
         
        <tr>
            <td>2</td>
            <td>吕曙乐</td>
            <td>吕曙乐</td>
            <td>1*********</td>
            <td>2017-08-09</td>
            <td>已启用</td>
            <td>
                <a href="#" class="">编辑</a>     
                <a href="#" class="tablelink">删除</a>
            </td>
           
        </tr>       
        </tbody>
    </table>
    
   <%-- 分页显示 --%>
    <div class="pagin">
    	<div class="message">共<i class="blue">1256</i>条记录，当前显示第&nbsp;<i class="blue">2&nbsp;</i>页</div>
        <ul class="paginList">
        <li class="paginItem"><a href="javascript:;"><span class="pagepre"></span></a></li>
        <li class="paginItem"><a href="javascript:;">1</a></li>
        <li class="paginItem current"><a href="javascript:;">2</a></li>
        <li class="paginItem"><a href="javascript:;">3</a></li>
        <li class="paginItem"><a href="javascript:;">4</a></li>
        <li class="paginItem"><a href="javascript:;">5</a></li>
        <li class="paginItem more"><a href="javascript:;">...</a></li>
        <li class="paginItem"><a href="javascript:;">10</a></li>
        <li class="paginItem"><a href="javascript:;"><span class="pagenxt"></span></a></li>
        </ul>
    </div>
       
      <%-- 添加弹出框 --%>
        <div class="tipp">
    	    <div class="tiptop"><span>添加员工</span><a></a></div>
        
          <div class="tipinfo">
               
              <div class="formbody" >
                     <ul class="forminfo1">
                        <li>
                            <label><b>*</b>员工姓名：</label>
                             <input name="" type="text" class="dfinput" placeholder="请输入员工姓名" />
                        </li>
                        <li>
                            <label>性别：</label>
                            <cite>
                                <input name="" type="radio" value="" checked="checked" />男&nbsp;&nbsp;&nbsp;&nbsp;
                                <input name="" type="radio" value="" />女
                            </cite>
                        </li>
                        <li>
                            <label><b>*</b>身份证号：</label>
                            <input name="" type="text" class="dfinput" placeholder="请输入身份证号" />
                        </li>
                        <li>
                            <label>  手机：</label>
                            <input name="" type="text" class="dfinput" placeholder="请输入员工手机" />
                        </li>
                        <li>
                            <label>  邮箱：</label>
                            <input name="" type="text" class="dfinput" placeholder="请输入邮箱" />
                        </li>                        <li>
                            <label><b>*</b>员工账号：</label>
                            <input name="" type="text" class="dfinput" placeholder="请输入员工账号" />
                        </li>
                        <li>
                            <label><b>*</b>角色：</label>  
                                  <input name="" type="checkbox" value="" checked="checked" />接单
                                  <input name="" type="checkbox" value="" checked="checked" />外业勘察
                                  <input name="" type="checkbox" value="" checked="checked" />内业估价
                                  <input name="" type="checkbox" value="" checked="checked" />初审
                                  <input name="" type="checkbox" value="" checked="checked" />终审
                           
                        </li>
                        <li>
                            <label><b>*</b>部门：</label>  
                                  <input name="" type="checkbox" value="" checked="checked" />中关村管理部
                                  <input name="" type="checkbox" value="" checked="checked" />昌平管理部
                                  <input name="" type="checkbox" value="" checked="checked" />延庆管理部
                                  <input name="" type="checkbox" value="" checked="checked" />密云管理部<br />
                                  <input name="" type="checkbox" value="" checked="checked" />雍和宫管理部
                                  <input name="" type="checkbox" value="" checked="checked" />房山长阳管理部           
                                  <input name="" type="checkbox" value="" checked="checked" />房山燕山管理部           
                        </li>
                    </ul>
    
               </div> 

          </div>
            
            <div class="tipbtn1">
                <input name="" type="button"  class="cancel" value="确定" />&nbsp;
                <input name="" type="button"  class="cancel" value="取消" />
            </div>
    
        </div>



    </div>
    <script type="text/javascript">
	$('.tablelist tbody tr:odd').addClass('odd');
	</script>
</body>
</html>
